<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<!-- 
使用解构赋值交换两个变量的值。 
从一个对象中，通过解构赋值提取特定属性。
在一个函数中，使用解构赋值来获取数组中的元素。

-->
<script>
    // // 使用解构赋值交换两个变量的值。 
    var [a, b] = [1, 2];
    var [a, b] = [b, a]
    console.log(a, b);//2 1


    // 从一个对象中，通过解构赋值提取特定属性。
    var a = { name, sex: [b, d] }
    a = { name: 'jay', sex: ['男', '女'] }
    console.log(a);


    // 在一个函数中，使用解构赋值来获取数组中的元素。
    function fn([a,b]){
        console.log(a,b);
    }
    fn(['1','2'])




</script>

</html>